<template>
  <div class="flex">
    <div class="space-category" />
    <div class="flex-item mar-l-10 mar-t-10" v-if="pageType === '1'">
      <banner-swiper />
      <hot-picture />
    </div>
    <div class="slider-sign-notice mar-l-10 mar-t-10" v-if="pageType === '1'">
      <login-slider />
      <notice-slider class="mar-t-10" />
    </div>
  </div>
</template>

<script lang="ts">
  import {
    defineComponent,
    ref,
    onMounted,
    watch,
    inject
  } from 'vue'
  import {
    useRouter
  } from 'vue-router'

  import bannerSwiper from '../bannerSwiper/index.vue'
  import hotPicture from '../hotPicture/index.vue'
  import loginSlider from '../loginSlider/index.vue'
  import noticeSlider from '../noticeSlider/index.vue'

  export default defineComponent({
    name: 'CustomFixedPage',
    components: {
      bannerSwiper,
      hotPicture,
      loginSlider,
      noticeSlider
    },
    props: {
      pageType: {
        type: String
      }
    },
    setup() {
      const router = useRouter()

      onMounted(() => {})

      return {}
    }
  })
</script>

<style lang="scss" scoped>
  .space-category {
    width: 264px;
  }

  .slider-sign-notice {
    width: 232px;
  }

  .footer-line {
    height: 1px;
    background: #dbdbdb;
    margin: 0 3%;
  }
</style>
